import React from 'react';
import {Icon, Center} from 'native-base';
import {Path, G} from 'react-native-svg';

const Example = props => {
  return (
      <Icon size="lg" viewBox="0 0 1000 1000">
        <G fillRule="nonzero" stroke="none" strokeWidth={1} fill="none">
          <Path
            d="M407.61 578.87c-174.46 0-304.73 113.04-304.73 277.2v17.69c0 85.81 139.6 85.81 316.37 85.81h187.73c169.75 0 316.37 0 316.37-85.81v-17.69c0-164.16-130.28-277.2-304.73-277.2H407.61zM503.71 535.67c138.19 0 250.63-105.81 250.63-235.94 0-130.06-112.44-235.86-250.63-235.86-138.11 0-250.56 105.81-250.56 235.86 0 130.13 112.45 235.94 250.56 235.94z"
            fill={props.color}></Path>
        </G>
      </Icon>
  );
};

export default (props) => {
  return (
      <Center marginLeft={2}>
        <Example color={props.color}/>
      </Center>
  );
};
